<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>歌单内容 _mobile</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/stylesheets/main_01.css">
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.staticfile.org/bootstrap-icons/1.10.3/font/bootstrap-icons.css" rel="stylesheet">
    <script src="https://cdn.staticfile.org/axios/1.3.4/axios.min.js"></script>
    <script src="/javascripts/common.js"></script>
</head>
<body>
<div class="container ">
    <div class="module">
        <div class="row">
            <div class="col-md-10 offset-md-1 ">
                <div class="row">
                    <div class="col-12 info-data-songs">
                        <div class="row">
                            <div class="col-12  d-flex flex-row">
                                <div class="img-box1">
                                    <img class="mt-1 playlist-coverImg"
                                         src=""
                                         alt=""></div>
                                <div class="ms-3 p-2">
                                    <div class="type-info">
                                        <div class="list-info-name">
                                        </div>
                                        <div class="list-info-updateTime"></div>
                                        <div class="list-info-creator"></div>
                                        <div class="list-info-cat"></div>
                                        <div>
                                            <span class="list-info-playCount"><i
                                                    class="bi bi-headphones"></i>&nbsp;</span>
                                            <span class="list-info-subscribedCount ms-2"><i class="bi bi-heart"></i>&nbsp;</span>
                                            <span class="list-info-commentCount ms-2"><i class="bi bi-chat-dots"></i>&nbsp;</span>
                                        </div>
                                        <div class="list-info-description">
                                        </div>
                                        <div class="list-info-more-description">
                                        </div>
                                    </div>
                                    <div class="toggle-open songs-none">展开<i class="bi bi-chevron-down"></i></div>
                                </div>
                            </div>
                        </div>
                        <div class="row songs-none">
                            <div class="col-12  mt-3">
                                <div class="table-list-title">歌曲列表<span
                                        class="table-list-trackCount ms-3">50首歌</span></div>
                                <button class="btn btn-primary rounded-pill play-table-all btn-sm"><i
                                        class="bi bi-play "></i>播放全部
                                </button>
                            </div>
                        </div>
                        <div class="row songs-none">
                            <div class="col-12 mt-3">
                                <table class="table table-hover table-borderless list-table-data">
                                    <thead>
                                    <tr>
                                        <th class="text-start">序号</th>
                                        <th>歌曲</th>
                                        <th>歌手</th>
                                        <th>专辑</th>
                                        <th class="text-end">时长</th>
                                    </tr>
                                    </thead>
                                    <tbody class="songs-table-tbody">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/javascripts/child_js/playlist_info_m.js"></script>
</body>
</html>
